<template>
  <iframe
    class="iframe-content"
    :src="iframeUrl"
    :style="iframeStyle"
    width="100%"
    height="100%"
    frameborder="0"
    scrolling="yes">

  </iframe>
</template>

<script>
  export default {
    name: 'main-content',
    props: {
      iframeUrl: String,
      iframeStyle: {}
    }
  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" rel="stylesheet/scss" type="text/scss">
  .iframe-content {
    min-height: calc(100vh - 88px - 188px);
    background-color: #fff;
  }
</style>
